<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="import" href="_meta.html?__inline">
    <link rel="stylesheet" href="css/ionic.css"/>
</head>
<body id="ManagerCenter">
<ion-header-bar align-title="left" class="bar bar-nav bar-init">
    <a class="button bar-css-init color-init">
        <i class="icon ion-chevron-left color-init"></i>
    </a>
    <h1 class="title inline color-init">代理中心</h1>
    <a class="button color-init bar-css-init" href="#">代理说明</a>
</ion-header-bar>
<ion-content class="home-content scroll-content ionic-scroll  has-header has-tabsr">
    <div class="item item-header">
                <div class="head-icon">
                    <i class="icon ion-ios-ionic-outline"></i>
                </div>
                <p class="assertive-name">你的名字</p>
    </div>
    <div class="card user-info">
        <div class="row">
            <div class="col">
                <span class="block assertive text-center">用户余额</span>
                <span class="block assertive text-center font-back">898989.000</span>
            </div>
            <div class="col-border"></div>
            <div class="col">
                <span class="block assertive text-center">下级用户</span>
                <span class="block assertive text-center font-back">898</span>
            </div>
        </div>
    </div>
    <div class="list list-border">
        <div class="item item-radius item-sup">
            <span class="light-border">推广号码：</span><span class="energized-border">38888</span>
            <button class="button button-reset">复制</button>
        </div>
        <div class="item item-radius item-sub">
            <span>推广链接：</span><span>http://www.jcylc.com</span>
            <button class="button button-reset">复制</button>
        </div>
    </div>
    <ul class="card card-list">
        <li class="item item-first">
            <i class="icon ion-clipboard assertive"></i>
            <span class="padding-left">申请代理</span>
            <i class="icon ion-ios-arrow-right text-right"></i>
        </li>
        <li class="item">
            <i class="icon ion-ios-paper-outline energized"></i>
            <span class="padding-left">代理报表</span>
            <i class="icon ion-ios-arrow-right text-right"></i>
        </li>
        <li class="item">
            <i class="icon ion-clipboard "></i>
            <span class="padding-left">下级用户</span>
            <i class="icon ion-ios-arrow-right text-right"></i>
        </li>
        <li class="item">
            <i class="icon ion-compose"></i>
            <span class="padding-left">账户明细</span>
            <i class="icon ion-ios-arrow-right text-right"></i>
        </li>
    </ul>
</ion-content>
</body>
</html>